@font-face {
  font-family: 'iconfont';  /* project id 2371267 */
  src: url('//at.alicdn.com/t/font_2371267_134w6igv5du.eot');
  src: url('//at.alicdn.com/t/font_2371267_134w6igv5du.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2371267_134w6igv5du.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2371267_134w6igv5du.woff') format('woff'),
  url('//at.alicdn.com/t/font_2371267_134w6igv5du.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2371267_134w6igv5du.svg#iconfont') format('svg');
}
* {margin-left:0; margin-right:0;-webkit-tap-highlight-color:transparent;}
[v-cloak]{
    dispaly:none;
}
*{margin:0; padding:0;}

div::-webkit-scrollbar {display:none}
div{
    box-sizing: border-box;
}
-webkit-tap-highlight-color:transparent;
body {
  height:100%;
  font-size:16px;
  background-color: #efefef;
  font-family: verdana;
}
div  {
  box-sizing: border-box;
}
.ipt {
  width: 50%;
  height: 35px;
  line-height: 35px;
  border:0px solid #ccc;
  appearance:button;
  -moz-appearance:button; /* Firefox */
  -webkit-appearance:button; /* Safari 和 Chrome */
  color: #666;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  box-sizing: border-box;
  border-radius: 0;
  outline: none;
  text-align: right;
  padding-right:10px;
}
input::-webkit-input-placeholder { /* WebKit browsers */
color: #afafaf;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #afafaf;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #afafaf;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #afafaf;
}
textarea::-webkit-input-placeholder { /* WebKit browsers */
color: #afafaf;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #afafaf;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #afafaf;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #afafaf;
}
input.show_placeholder:before{ content: attr(placeholder); color:#afafaf; font-size:0.79rem; text-align:right;}
input[type="date"]::-webkit-calendar-picker-indicator {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: #fff;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
	color: #666; 
}
/* 去掉date中上下小三角，但是保留input类型为number的小三角。 */
input[type=date]::-webkit-inner-spin-button { 
	visibility: hidden; 
}
/* 这是控制年月日之间的斜线或短横线的 */
input[type="date"]::-webkit-datetime-edit-text {
    color: blue; 
    padding: 0 .3em; 
} 
.font-075rem {
    font-size:0.75rem;
}
.font-080rem {
    font-size:0.8rem;
}
.font-083rem {
    font-size:0.83rem;
}
.font-086rem {
    font-size:0.86rem;
}
.font-090rem {
    font-size:0.9rem
}
.font-093rem {
    font-size:0.93rem
}
.font-100rem {
    font-size:1rem
}
.font-120rem {
    font-size:1.2rem
}
.border-box {
    box-sizing: border-box;
}
.title{
	position:fixed; top:0; z-index:99; width:100vw; height:45px; line-height:45px; background-color:#fff; border-bottom:1px solid #dfdfdf;
}
.title-left {
	width:50px; display:flex; align-items:center; justify-content:flex-start; padding-left:10px; 
}
.title-center {
	width:calc(100vw - 100px); display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:0.95rem;
}
.title-right{
	width:50px; text-align:right; padding-right:10px;
}
.title .left {
	width:50px; display:flex; align-items:center; justify-content:flex-start; padding-left:15px;font-size:1.5rem;
}
.title .middle{
	width:calc(100vw - 100px); display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:0.95rem;
}
.title .right{
	width:50px; content:'';
}
.btn-main{
  margin-left:12px; width:80px; max-width: 80px; max-height: 32px; height:32px; line-height:32px; text-align:center; font-size:0.75rem; border-radius:32px; border:1px solid #28AD6B; background-color:#28AD6B; color:#fff; display: flex; flex:1; align-items: center; justify-content: center;
}
.btn-minor{
  margin-left:12px; width:80px; max-width: 80px; max-height: 32px; height:32px; line-height:32px; text-align:center; font-size:0.75rem; border-radius:32px; border:1px solid #28AD6B; color:#28AD6B; display: flex; flex:1; align-items: center; justify-content: center;
}
.line {
  width:100%;
  line-height: 40px;
  box-sizing: border-box;
  background-color: #fff;
  border-bottom:1px solid #f0f0f0;
  align-items:center;
}
.center{
	align-items: center;
	justify-content: center;
}
.top {
  width:100%; 
  /*background-color: #36B393;*/
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
  color:#fff;
  font-size:1rem;
  padding:3vw;
}
.bottom {
  width:100%; 
  /*background-color: #36B393;*/
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
  color:#fff;
  font-size:1rem;
}
.nav {
  width:100%; 
  height:2.6rem; 
  line-height:2.6rem; 
  background-color: #36B393;
  position: fixed; 
  top:0; 
  left:0;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  color:#fff;
  font-size:1rem;
}
.select{
  width:100%; 
  height:35px; 
  direction: rtl;
  padding-right:10px;
  line-height:35px; 
  appearance:button;
  -moz-appearance:button; /* Firefox */
  -webkit-appearance:button; /* Safari 和 Chrome */
  border-radius: 0;
  color: #666;
  outline: none;
  border:0px solid #ccc;
  box-sizing: border-box;
  color: rgba(68, 68, 68, 1);
}
.bg-f0f0f0{
   background-color: #f0f0f0; 
}
    .text-bold {
        font-weight:bold;
    }
    .w-100vw {
        width:100vw;
    }
    .w-10 {
        width:calc(100vw - 20px); margin-left:auto; margin-right:auto;
    }
    .p-10 {
        padding:10px;
    }
    .p-15 {
        padding:15px;
    }
    .p-left-10 {
        padding-left:10px;
    }
    .p-right-10 {
        padding-right:10px;
    }
    .m-top-15{
        margin-top:15px;
    }
    .m-top-10{
        margin-top:10px;
    }
    .m-top-7 {
        margin-top:7px;
    }
    .m-top-5 {
        margin-top:5px;
    }
    .m-left-10 {
        margin-left:10px;
    }
    .m-left-5 {
        margin-left:5px;
    }
    .m-left-3 {
        margin-left:3px;
    }
    .m-left-2 {
        margin-left:2px;
    }
    .m-left-1 {
        margin-left:1px;
    }
    .col-2 {
        width:50%;
    }
    .col-3 {
        width:calc(100% / 3);
    }
    .col-4 {
        width:25%;
    }
    .col-5 {
        width:20%;
    }
    .bg-box {
        width:100vw; height:100vh; position:fixed; bottom:0; left:0; background-color:rgba(102, 102, 102, 0.4); z-index:9999999;
    }
    .box {
      position: fixed;
      bottom: 0;
      width: 100vw;
      height: auto;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      background-color: #fff;
      border: 1px solid #efefef;
      z-index: 999999999;
    }
	.swipe-bar {
		content:''; 
		width:6px; 
		height:3px; 
		background-color:#fff; 
		margin-left:3px;
		border-radius:5px;
	}
	.swipe-bar-current {
		content:''; 
		width:12px; 
		height:5px; 
		background-color:#fff; 
		margin-left:3px;
		border-radius:5px;
	}
	.rollScreen_container{
		width: 100%;
		display: inline-block;
		position: relative;
		overflow: hidden;
	}
	.rollScreen_list{
		transition: 1s linear;
	}
	.rollScreen_list_unanim{
		transition: none;
		font-size: 0.75rem;
		color: #ca4841;
	}
	.rollScreen_once{
		list-style: none;
	}
	@-webkit-keyframes fadeInOut {
		0% {
			opacity:1;
		 }
		25% {
			opacity:0;
		}
		50% {
			opacity: 0;    
		}
		75% {
			opacity:1;
		}
	}
	.anim_fade_image {
		-webkit-transition: opacity 2s linear;
		-moz-transition: opacity 2s linear;
		-o-transition: opacity 2s linear;
		transition: opacity 2s linear;
	}
.flex {
  display: -webkit-flex; /* Safari */
  display:flex;
  flex-flow: row nowrap;
}
.content-flex-end {
	justify-content: flex-end;
}
.checked {
  border-bottom:3px solid #fff;
}
.unChecked {
  border-bottom:0px solid #fff;
}
.checkedControl {
  background: #fff;
}
.unCheckedControl {
   background: #cfcfcf;
}
.select_new {
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../img/arrow.png") no-repeat scroll right center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 1.2rem;
  outline: none;
  border:1px solid #cfcfcf;
  width:calc(100% - 2px);
  height:30px;
  border-radius: 0;
  font-size:0.7rem;
  color: #666;
  text-align:left;
  padding-left:0.2rem;
  box-sizing: border-box;
}
.date {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  outline: none;
  font-size:0.7rem;
  color: #666;
  text-align:left; 
  width:calc(100% - 2px);
  height:30px;
  border-radius: 0;
  border:1px solid #cfcfcf;
  background-color: #fff;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding:0;
  padding-left:0.2rem;
  box-sizing: border-box;
}
.date::-ms-expand { display: none; }
.date::-webkit-inner-spin-button { visibility: hidden!important; }
.camera{
  width:32%; max-width: 30px; height:23px; line-height: 23px; text-align: center; color: #666; border:1px solid #ccc; box-sizing:border-box;
}
.camera-select{
  color: #fff; background-color:#36B393; border:1px solid #36B393
}
.col1{
  width: 100%;
}
.col2{
  width: 50%;
  text-align: center;
}
.col2-2{
  width: 50%;
  display: inline-block; 
  flex: auto;
  text-align: center;
}
.col3 {
  width: 33.33%; 
  display: inline-block; 
  margin: 2px;
  flex: auto;
  text-align: center;
  
}
.col3-2 {
  width: 33.33vw;
  height: 33.33vw;
  min-height:33.33vw;
  display: inline-block; 
  flex: auto;
  text-align: center;
  
}
.slideshow {
  content: "";
  width:100%;
  border-radius: 8px;
  border:0px solid #dfdfdf;
  background: #fff;
  z-index:4;
  text-align: center;
  overflow: hidden;
}
#index_top_right{
  width:calc(100vw - 8rem);
  height:1.6rem;
  line-height: 100%;
  text-align: right;
}
.flex {
  display: -webkit-flex; /* Safari */
  display:flex;
  flex:1;
}

.col4{
  width: 25%;

  display: inline-block; 
  margin: 2px;
  flex: auto;
  text-align: center;
}
.col4-2{
  width: 25vw;
  height:25vw;
  display: inline-block; 
  flex: auto;
  text-align: center;
}
.col5{
  width: 20%; 
  display: inline-block; 
  margin: 2px;
  flex: auto;
  text-align: center;
}
.width-50{
  width:50%;
}
.width-100{
  width:100%;
}
.height-24vw{
  height:24vw;
}
.height-33vw{
  height:33vw;
}
.height-50vw{
  height:50vw;
}
.padding-top-2vw{
  padding-top:2vw;
}
.padding-top-5vw{
  padding-top:5vw;
}
.outline-none {
    outline: none;
    -webkit-appearance:none;
} 
.padding-top-8vw{
  padding-top:8vw;
}
.padding-top-10vw{
  padding-top:10vw;
}
.border-none{
    border:none;
}
.border-f0f0f0{
    border:1px solid #f0f0f0;
}
.text-black{
    color:#000;
}
.text-blue{
    color:blue;
}
.text-red{
    color:red;
}
.h26{
  height:2.6rem;
  line-height: 2.6rem;
}
.text-align-left{
    text-align:left;
    padding-left:0.4rem;
}
.align-center {
	align-items: center;
	justify-content: center;
}
.align-right {
	align-items:center;
	justify-content: flex-end;
}
.flex-center {
    display: flex;
    flex:1;
	align-items: center;
	justify-content: center;
}
.flex-right {
    display: flex;
    flex:1;
	align-items:center;
	justify-content: flex-end;
}
.flex-left {
    display: flex;
    flex:1;
	align-items:center;
	justify-content: flex-start;
}
.align-left {
	align-items:center;
	justify-content: flex-start;
}
.color-666{
  color:#666;
}
.color-777{
  color:#777;
}
.color-888 {
    color:#888;
}
.color-fff{
  color:#fff;
}
.color-red {
    color:red;
}
.color-fff000{
  color:#fff000;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.select_new::-ms-expand { display: none; }
a:link { 
  color: #fff; 
  text-decoration: none; 
  } 
a:visited { 
  color: #fff; 
  text-decoration: none; 
} 
a:hover { 
  color: #fff; 
  text-decoration: underline; 
}

img{
  vertical-align: middle;
}
.bg-white {
	background-color: #fff;
}
.bg-index{
  background: -moz-linear-gradient(top, #36B393 0%, #4363AE 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36B393), color-stop(100%,#4363AE));
  background: -webkit-linear-gradient(top, #36B393 0%,#4363AE 100%);
  background: -o-linear-gradient(top, #36B393 0%,#4363AE 100%);
  background: -ms-linear-gradient(top, #36B393 0%,#4363AE 100%);
  background: linear-gradient(to bottom, #36B393 0%,#4363AE 100%);
}
ul li {
  list-style: none;
  float: left;
  width: 30px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  color: rgba(255,255,255,.8);
  font-size: 14px;
}
.banner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.banner img {
  width: 100%;
  display: block;
}
.banner .page {
  right: 0;
  bottom: 0;
  width: 100%;
  z-index:10;
}

.current {
  color: #ff6700;
}

.font-size-65 {
  font-size:0.65rem;
}
.font-size-70 {
  font-size:0.7rem;
}

.width-vw-30{
  width:30vw;
}
.width-vw-40{
  width:40vw;
}
.vw-40{
  width:40vw;
  height:40vw;
  box-sizing: border-box;
}
.vw-54{
  width:50vw;
  height:40vw;
  box-sizing: border-box;
}
.vw-47{
  width:20vh;
  height:20vh;
  box-sizing: border-box;
}
.vw-60{
  width:60vw;
  height:60vw;
}
.width-vw-70{
  width:70vw;
}
#app{
    width: 100%;
    overflow:hidden;

}
#app nav{
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: middle;
    -ms-flex-align: middle;
    align-items: middle;
    overflow: auto;
}
#app p{
    text-align: center;
    font-size: 0.85rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin: 5px;

}
.menu {
	position:fixed; bottom:0; width:100%; height:3.5rem; line-height:1.1rem; padding-top:0.3rem; z-index:999999999999; border-top:1px solid #efefef; background-color:#fff;
}
.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}
div::-webkit-scrollbar {
  width: 0;
}
#app p.active{
    color: #ca4841;
    background-color: #fff;
	border-bottom:3px solid #ca4841;
}
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}

.border-none {
	border:0;
}
.border-top {
    border-top:1px solid #f0f0f0;
}
.border-bottom {
    border-bottom:1px solid #f0f0f0;
}
.border-left {
    border-left:1px solid #f0f0f0;
}
.border-right {
    border-right:1px solid #f0f0f0;
}
.center{
	align-items: center;
	justify-content: center;
}
.font-bold {
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
.box-bg {
	width:100vw; height:100vh; position:fixed; bottom:0; background-color:rgba(0,0,0,0.1); z-index:9999999
}
.block {
	width:100vw; height:45px; line-height:45px; background-color:#fff; border-bottom:1px solid #f0f0f0;
}
.radius-50 {
    border-radius: 50%;
}
.bg-red {
    background-color:red
}
.border-red {
    border:1px solid red; 
}
.menu-more {
    height:auto; line-height:50px; border-bottom:1px solid #cfcfcf; position:fixed; bottom:0; left:0; background-color:#dfdfdf; z-index:99999999;
}

